<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="mobile">
	<title>众筹详情页</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/swiper.min.css">
	<link rel="stylesheet" type="text/css" href="css/detail.css">
</head>
<body>
	<div class="container">
		<div class="top-bar">
			<i class="top-left"></i>
            众筹详情
            <a href="myCrow.html">我的众筹</a>
        </div>

        <!-- 首页banner开始 -->
		<div class="swiper-container">
		      <div class="swiper-wrapper">
		        <div class="swiper-slide"><img src="img/product-socks.jpg" alt=""></div>
		        <div class="swiper-slide"><img src="img/product-socks.jpg" alt=""></div>
		        <div class="swiper-slide"><img src="img/product-socks.jpg" alt=""></div>
		      </div>
		      <!-- <div class="swiper-scrollbar"></div> -->
      		<div class="pagination"></div>
    	</div>
    	<!-- 首页banner结束 -->

		<div class="cl main">
        	<div class="title">
        		<span>众筹中</span>淘宝爆款 夏季素色小清新纯色女船袜 短袜 袜子纯棉 袜子
        		淘宝爆款 夏季素色小清新纯色女船袜 短袜 袜子纯棉 袜子
        		淘宝爆款 夏季素色小清新纯色女船袜 短袜 袜子纯棉 袜子
        		淘宝爆款 夏季素色小清新纯色女船袜 短袜 袜子纯棉 袜子
        	</div>
        	<div class="middle cl">
        		<span class="left">众筹价<i>￥5.68</i><em>￥16.00</em></span>
        		<span class="right">29双起</span>
        	</div>
        	<div class="middle cl">
        		<span class="left">快递: <em class="express">￥6.00</em></span>
        		<span class="right">
					剩余：
					<span id="leftTime"></span>
				</span>
        	</div>
        	<div class="bottom cl">
        		<div class="bg-right" style="width:20%;"></div>
        		<span class="left">达成率20%</span>
        		<span class="right">已筹集：￥568</span>
        	</div>
        </div>

        <div class="detail">
        	<div class="detail-top">
        		<span class="dmain active">众筹详情</span>
        		<span class="faq">众筹FAQ</span>
        	</div>
        	<div class="detail-main">
        		<img src="img/detail1.png" alt="">
        		<img src="img/detail2.png" alt="">
        	</div>
        	<div class="detial-faq">
        		<p style="line-height: 40px; font-size: 20px; color: #f50;">众筹订单如何取消或退款？</p>
				<p style="line-height: 20px; font-size: 16px; text-indent: 2em;">支持者可以在众筹结束之前随时取消自己的众筹订单。取消订单后，义乌购会退款至支持者的账户余额；若众筹失败，
				则系统会自动退款到您的义乌购账户余额；众筹成功后的退款申请（非商品质量），请与众筹发起者协商。
				</p><p>
				</p>
        	</div>
        	
        </div>

		<div class="detail-bar">
			加入众筹
		</div>
	</div>
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
	<script type="text/javascript" src="js/lefttime.js"></script>
	<script type="text/javascript">
		$(function(){
			var mySwiper = new Swiper(".swiper-container",{
		      initialSlide:3,
		      speed:3000,
		      loop:true,
		      autoplay:2000,
		      autoplayDisableOnInteraction:false,
		      pagination:'.pagination',
		      /*scrollbar:'.swiper-scrollbar'*/
		    });

		    $('.detail-top .dmain').click(function(){
		    		$(this).addClass('active').siblings("span").removeClass('active');
		    		$(".detail-main").show();
		    		$(".detial-faq").hide();
		    });

		    $('.detail-top .faq').click(function(){
		    		$(this).addClass('active').siblings("span").removeClass('active');
		    		$(".detail-main").hide();
		    		$(".detial-faq").show();
		    });

		    $('.detail-bar').click(function(){
		    	window.location.href="addCrow.html";
		    });
		});

	</script>		
	<script type="text/javascript">
		var gmt_end_time = 1468511999-8*60*60; //结束时间
		var id = "times_con";
		var day = "天";
		var hour = "小时";
		var minute = "分钟";
		var second = "秒";
		var end = "结束";
		try {onload_leftTime();} catch (e) {}
	</script>
</body>
</html>